<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>游戏学院</title>
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/style.css">
  </head>
  <body>
    <div class="header margin">
      <div class="logo">
        <img src="images/logo.jpg" alt="">
      </div>
      <ul>
        <li>
          <a href="#">首页</a>
        </li>
        <li>
          <a href="#">首页</a>
        </li>
        <li>
          <a href="#">首页</a>
        </li>
        <li>
          <a href="#">首页</a>
        </li>
        <li>
          <a href="#">首页</a>
        </li>
        <li>
          <a href="#">首页</a>
        </li>
      </ul>
      <a href="#" class="login">登录</a>
    </div>
    <div class="banner"></div>
    <div class="unt">
      <div class="untInner">
        <div class="unt-l">
          <a href="#">
            <img src="images/w4.jpg" alt="">
            <p>
              <span>1</span>
              <span>2</span>
              <span>3</span>
              <span>4</span>
            </p>
          </a>
        </div>
        <ul>
          <li>
            <a href="#">
              <img src="images/w4.jpg" alt="">
              <p>第三方第三方</p>
            </a>
          </li>
          <li>
            <a href="#">
              <img src="images/w4.jpg" alt="">
              <p>第三方第三方</p>
            </a>
          </li>
          <li>
            <a href="#">
              <img src="images/w4.jpg" alt="">
              <p>第三方第三方</p>
            </a>
          </li>
          <li>
            <a href="#">
              <img src="images/w4.jpg" alt="">
              <p>第三方第三方</p>
            </a>
          </li>
        </ul>
      </div>
    </div>
    <div id="shehui">
      <div class="title">
        <h3>裙子太长不好看</h3>
        <p>
          <span></span>
        </p>
      </div>
      <div class="shehui-t">
        <ul>
          <li class="firstLiOutter">
            <p class="title">最新阅读</p>
            <ul>
              <li class="firstLiInner">
                <h3>VR忠实活下来客服电话凉快圣诞节福利卡</h3>
                <p>沙鲁克汗疯掉了看电视来克服了快递师傅看到十分开奖号德生科技复合施工方大哥发的广泛地大师空间很丰盛的</p>
                <div class="leftOutter">
                  <span>作者：</span><span>GAD程序小编</span>
                  <img src="images/yanjing.gif" alt=""> 37
                  <img src="images/dian3.gif" alt=""> 1
                </div>
                <div class="rightOutter">
                  <span>2016-10-25</span>
                </div>
              </li>
              <li class="secondLiInner">
                <h3>VR忠实活下来客服电话凉快圣诞节福利卡</h3>
                <p>沙鲁克汗疯掉了看电视来克服了快递师傅看到十分开奖号德生科技复合施工方大哥发的广泛地大师空间很丰盛的</p>
                <div class="leftOutter">
                  <span>作者：</span><span>GAD程序小编</span>
                  <img src="images/yanjing.gif" alt=""> 37
                  <img src="images/dian3.gif" alt=""> 1
                </div>
                <div class="rightOutter">
                  <span>2016-10-25</span>
                </div>
              </li>
              <li class="secondLiInner">
                <h3>VR忠实活下来客服电话凉快圣诞节福利卡</h3>
                <p>沙鲁克汗疯掉了看电视来克服了快递师傅看到十分开奖号德生科技复合施工方大哥发的广泛地大师空间很丰盛的</p>
                <div class="leftOutter">
                  <span>作者：</span><span>GAD程序小编</span>
                  <img src="images/yanjing.gif" alt=""> 37
                  <img src="images/dian3.gif" alt=""> 1
                </div>
                <div class="rightOutter">
                  <span>2016-10-25</span>
                </div>
              </li>
            </ul>
          </li>
          <li class="secondLiOutter">
            <p class="title">热门回答</p>
            <ul>
              <li class="first">
                <div class="leftContent">
                  <img src="images/douhao.gif" alt="">
                </div>
                <div class="rightContent">
                  <p>是东方红路快速离开房间的实施开放空间，水电费离开家都是</p>
                </div>
              </li>
              <li>
                <div class="leftContent">
                  <img src="images/touxiang.gif" alt="">
                </div>
                <div class="rightContent2">
                  <span class="nick">胜多负少水电费水电费</span><span class="time">2016-12-12 回答了该问题</span>
                  <p>斯柯达解放路看电视剧法律框架的时刻发挥空间都是分开就是对会计师对方</p>
                </div>
              </li>
              <li>
                <div class="leftContent">
                  <img src="images/guniang.gif" alt="">
                </div>
                <div class="rightContent2">
                  <span class="nick">胜多负少水电费水电费</span><span class="time">2016-12-12 回答了该问题</span>
                  <p>斯柯达解放路看电视剧法律框架的时刻发挥空间都是分开就是对会计师对方</p>
                </div>
              </li>
            </ul>
          </li>
          <li class="secondLiOutter">
            <p class="title">精彩推荐</p>
            <div class="dixiacheng">
              <img src="images/dixiacheng.gif" alt="">
            </div>
            <p class="bdixiacheng">腾讯数值专家在线问答</p>
          </li>
        </ul>
      </div>
      <div class="shehui-b">
        <ul>
          <li>
            <a href="#">
              <img src="images/t3.jpg" alt=""> 程序
            </a>
          </li>
          <li>
            <a href="#">
              <img src="images/t3.jpg" alt=""> 程序
            </a>
          </li>
          <li>
            <a href="#">
              <img src="images/t3.jpg" alt=""> 程序
            </a>
          </li>
          <li>
            <a href="#">
              <img src="images/t3.jpg" alt=""> 程序
            </a>
          </li>
          <li>
            <a href="#">
              <img src="images/t3.jpg" alt=""> 程序
            </a>
          </li>
          <li>
            <a href="#">
              <img src="images/t3.jpg" alt=""> 程序
            </a>
          </li>
        </ul>
      </div>
    </div>

    <div class="gameCourseOutter">
      <div class="gameCourse">
        <p class="title">游戏课堂
          <span class="more">MORE<span style="color:red;" >+</span></span>
        </p>
        <div class="bottomLine">
          <div class="bottomLineInner"></div>
        </div>
        <div class="detail">
          <ul>
            <li>
              <p>策划</p><span>/</span>
            </li>
            <li>
              <p>策划</p><span>/</span>
            </li>
            <li>
              <p>策划</p><span>/</span>
            </li>
            <li>
              <p>策划</p>
            </li>
          </ul>
        </div>
        <ul class="courseListOutter">
          <li>
            <ul class="courseListInner">
              <li class="first">
                <img src="images/course.gif" alt="">
                <div class="courseDetail">
                  <p>GAD水电费能力考试的李开复</p>
                  <div class="">
                    <span class="left">免费</span>
                    <div class="right">
                      <img src="images/yanjing.gif" alt=""> 1
                      <img src="images/dian3.gif" alt=""> 3
                    </div>
                  </div>
                </div>
              </li>
              <li>
                <img src="images/course.gif" alt="">
                <div class="courseDetail">
                  <p>GAD水电费能力考试的李开复</p>
                  <div class="">
                    <span class="left">免费</span>
                    <div class="right">
                      <img src="images/yanjing.gif" alt=""> 1
                      <img src="images/dian3.gif" alt=""> 3
                    </div>
                  </div>
                </div>
              </li>
              <li>
                <img src="images/course.gif" alt="">
                <div class="courseDetail">
                  <p>GAD水电费能力考试的李开复</p>
                  <div class="">
                    <span class="left">免费</span>
                    <div class="right">
                      <img src="images/yanjing.gif" alt=""> 1
                      <img src="images/dian3.gif" alt=""> 3
                    </div>
                  </div>
                </div>
              </li>
              <li class="oneLast">
                <img src="images/maonv.gif" alt="">
                <div class="content">
                  <div class="left">
                    <div class="rightInner">
                      <p>关卡策划</p>
                      <p>关卡策划</p>
                      <p>关卡策划</p>
                    </div>
                  </div>
                  <div class="right">
                    <div class="rightInner">
                      <p>关卡策划</p>
                      <p>关卡策划</p>
                      <p>关卡策划</p>
                    </div>
                  </div>
                </div>
              </li>
              <li class="first">
                <img src="images/course.gif" alt="">
                <div class="courseDetail">
                  <p>GAD水电费能力考试的李开复</p>
                  <div class="">
                    <span class="left">免费</span>
                    <div class="right">
                      <img src="images/yanjing.gif" alt=""> 1
                      <img src="images/dian3.gif" alt=""> 3
                    </div>
                  </div>
                </div>
              </li>
              <li>
                <img src="images/course.gif" alt="">
                <div class="courseDetail">
                  <p>GAD水电费能力考试的李开复</p>
                  <div class="">
                    <span class="left">免费</span>
                    <div class="right">
                      <img src="images/yanjing.gif" alt=""> 1
                      <img src="images/dian3.gif" alt=""> 3
                    </div>
                  </div>
                </div>
              </li>
              <li>
                <img src="images/course.gif" alt="">
                <div class="courseDetail">
                  <p>GAD水电费能力考试的李开复</p>
                  <div class="">
                    <span class="left">免费</span>
                    <div class="right">
                      <img src="images/yanjing.gif" alt=""> 1
                      <img src="images/dian3.gif" alt=""> 3
                    </div>
                  </div>
                </div>
              </li>
              <li>
                <img src="images/caonan.gif" alt="">
              </li>
            </ul>
          </li>
          <li>
            <img src="images/gadBook.gif" alt="">
            <img src="images/changxin.gif" style="margin-left:10px;" alt="">
          </li>
        </ul>
        </ul>
      </div>
    </div>

    <div class="youxiuhuojiang">
      <p class="title">优秀获奖作品
        <span class="more">MORE<span style="color:red;" >+</span></span>
      </p>
      <div class="bottomLine">
        <div class="bottomLineInner"></div>
      </div>
      <ul class="youxiuhuojiangUp">
        <li class="te">
          <div class="content">
            <img src="images/yingzhi.gif" alt="">
            <p>影子里的我</p>
          </div>
        </li>
        <li>
          <div class="content">
            <img src="images/yingzhi.gif" alt="">
            <p>影子里的我</p>
          </div>
        </li>
        <li>
          <div class="content">
            <img src="images/yingzhi.gif" alt="">
            <p>影子里的我</p>
          </div>
        </li>
        <li>
          <div class="content">
            <img src="images/yingzhi.gif" alt="">
            <p>影子里的我</p>
          </div>
        </li>
        <li>
          <div class="content">
            <img src="images/yingzhi.gif" alt="">
            <p>影子里的我</p>
          </div>
        </li>
        <li>
          <div class="content">
            <img src="images/yingzhi.gif" alt="">
            <p>影子里的我</p>
          </div>
        </li>
      </ul>
      <ul class="youxiuhuojiangDown">
        <li>
          <div class="content">
            <img src="images/banyuan.gif" alt="">
            <div class="hr"></div>
            <p>上了多久分类考试的法律客户端上来看富家大室洛克菲勒肯定是福克斯江东父老看电视</p>
          </div>
        </li>
        <li>
          <div class="content">
            <img src="images/banyuan.gif" alt="">
            <div class="hr"></div>
            <p>上了多久分类考试的法律客户端上来看富家大室洛克菲勒肯定是福克斯江东父老看电视</p>
          </div>
        </li>
        <li>
          <div class="content">
            <img src="images/banyuan.gif" alt="">
            <div class="hr"></div>
            <p>上了多久分类考试的法律客户端上来看富家大室洛克菲勒肯定是福克斯江东父老看电视</p>
          </div>
        </li>
        <li class="last">
          <div class="content">
            <img src="images/banyuan.gif" alt="">
            <div class="hr"></div>
            <p>上了多久分类考试的法律客户端上来看富家大室洛克菲勒肯定是福克斯江东父老看电视</p>
          </div>
        </li>
      </ul>
    </div>

    <div class="huodong">
      <p class="title">活动
        <span class="more">MORE<span style="color:red;" >+</span></span>
      </p>
      <div class="bottomLine">
        <div class="bottomLineInner"></div>
      </div>
      <ul>
        <li class="te">
          <img src="images/guangtou.gif" alt="">
          <p>水电费离开教室里的咖啡机</p>
        </li>
        <li>
          <img src="images/guangtou.gif" alt="">
          <p>水电费离开教室里的咖啡机</p>
        </li>
        <li>
          <img src="images/guangtou.gif" alt="">
          <p>水电费离开教室里的咖啡机</p>
        </li>
        <li>
          <img src="images/guangtou.gif" alt="">
          <p>水电费离开教室里的咖啡机</p>
        </li>
      </ul>
    </div>
    <div class="fixedUl">
      <div class="daerweima">
        <div class="erweima">
          <p>收到了房价了</p>
          <img src="images/daerweima.gif" alt="">
        </div>
      </div>
      <ul>
        <li class="te">
          <img src="images/shangjiantou.gif" alt="">
        </li>
        <li>
          <img src="images/erweima.gif" alt="">
        </li>
        <li>
          <img src="images/zhiyin.gif" alt="">
        </li>
      </ul>
    </div>
    <div style="height:500px;">

    </div>
  </body>
</html>
